

form div.error{
	color:red;
	float:left;
	margin-left:10px;
}

.clear{
	clear:both;
}

.featurebox_center{
	position:relative;	
}

.editprofile{
	position:absolute;
	top:10px;
	right:10px;
	width:97px;
	height:23px;
	background-image:url("../img/editarperfil.jpg");
}

/************************** Seccion SELECCION Edicion del perfil ****************************/

/* Contenedor del panel de la izquierda */
#globalContainer {
    width: 981px;
    margin: 0 auto;
    position: relative;
}

#editContent{
	margin: 0;
    padding: 0;
    width: auto;
}

#mainContainer {
    display: block;
    float: left;
    margin-left: -1px;
    width: 981px;
    border-right: 1px solid #CCCCCC;
}


#leftColContainer{
	float:left;
	padding-right:2px;
	width:179px
}

#leftCol{
	min-height:600px;
    padding-top: 59px;
    float: left;
    width: 179px;
    word-wrap: break-word;
}

/* Contenedor de los links de edicion del menu izquierdo */

.uiFutureSideNav {
	font-size:9px;
	font-weight:bold;
	text-transform:uppercase
}

#sideNav {
	margin-top:16px
}

/* UL de los items de edicion */
.uiSideNav {
	padding-bottom:2px;
	list-style-type: none;
    margin: 0;
    padding: 0;
}


/* LI de los items de edicion */
.uiSideNav .sideNavItem{
	margin-left: -20px;
    padding-right: 20px;
    width: 179px;
    height: 21px;
}

.sideNavItem:hover a.selected{
	visibility:visible
}

.uiSideNav .item {
	margin-left: 20px;
	margin-right: -20px;
	border-bottom: 1px solid #FFFFFF;
	color: #333333;
	display: block;
	line-height: 13px;
	min-height: 17px;
	padding: 3px 8px 0 28px;
	text-decoration: none;
}

.uiSideNav .selectedItem .item, .uiSideNav .selectedItem .item:hover{
	background-color:#d8dfea;
	font-weight:bold
}

.uiSideNav .item:hover, .uiSideNav .item:active, .uiSideNav .item:focus {
    background-color: #EFF2F7;
    text-decoration: none;
}

/* Margen a la izquierda de cada elemento del panel izq*/
.uiSideNav .buttonWrap{
	clear:left;
	float:left;
	height:20px;
	text-align:right;
	width:20px
}

/* Para los links de cada item */
.clearfix:after {
    clear: both;
    content: ".";
    display: block;
    font-size: 0;
    height: 0;
    line-height: 0;
    visibility: hidden;
}
.clearfix{
	zoom:1
}

/* Para el ajax loader gif al elegir cada item de edicion */
.rfloat{
	float:right
}

/* Para las fotos de cada item de los LI */

.editItemIconsA {
	background-image: url("../img/editIcons1.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.editItemIconsC {
	background-image: url("../img/editIcons3.png");
	background-repeat: no-repeat;
	display: inline-block;
	height: 16px;
	width: 16px;
}

.editBasicInfoIcon {
	background-position: -85px -45px;
    height: 14px;
}

.editProfilePhotoInfoIcon {
	background-position: -88px -27px;
}

.editContactInfoIcon {
	background-position: 0 0;
    height: 18px;
}

.editIconContainer {
	float: left;
    margin-left: -22px;
    margin-top: -1px;
    width: 18px;
}



/************************ Seccion CONTENIDO Edicion del perfil ****************************/
#contentCol {
	border-left: 1px solid #CCCCCC;
	margin-left: 181px;
	background-color: #FFFFFF;
	padding-top: 15px;
}

#mainContainer #contentArea {
    padding: 0;
    width: 799px;
}

#contentArea {
    float: left;
    margin-right: 0;
    word-wrap: break-word;
}

.uiHeaderPage {
    padding: 0px 0 0px;
}

.uiHeaderPage .uiHeaderActions {
    margin-top: -1px;
}

.mhl {
    margin-left: 20px;
    margin-right: 20px;
}

.uiHeaderPage .uiHeaderTitle {
    line-height: 20px;
    min-height: 20px;
    padding-bottom: 2px;
    vertical-align: bottom;
}

.uiHeader .uiHeaderTitle {
    outline: medium none;
}
.uiHeader h2 {
    color: #1C2A47;
    font-size: 16px;
}

.mhs {
    margin-left: 5px;
    margin-right: 5px;
}

.navArrow {
	background-position: -167px -45px;
	height: 9px;
	width: 11px;
}

/* Para el contenido dentro del contentCol, lo anterior era para el header de contentCol */
.grayArea {
    border-top: 1px solid #B3B3B3;
    min-height: 253px;
}
.pal {
    padding: 20px;
}

.noborder {
    border: medium none;
}

.uiBoxGray {
    background-color: #FFFFF6;
    border-top: 1px solid #CCCCCC;
    border-bottom: 1px solid #CCCCCC;
}

/* ************************* Form Edicion Profile Picture ********************* */

input.floatedLeftInput {
	float: left;
}

div.floatLeft {
	float: left;
}

div.thumbnail {
	width: 30%;
	margin-bottom: 5%;
}

div.photoFileBrowser {
	width: 70%;
	text-align: justify;
}

div.photoFileBrowser div {
	padding: 0% 18%;
}

div#photoFormLabel {
	margin-bottom: 4%;
}

label.nowrap {
	white-space: nowrap;
	width: auto;
}

label.thumbnail {
	font-size: 0.75em;
}